<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <!-- 选择器 -->
    <style>
        网页中使用的选择器都在这之间写
    </style>
    d {
    直接对网页中的标签指令进行操作
    }
    .xxx {
    ".xxx" 类选择器,最常用,在需要改动的标签中写入"class='xxx'",然后在style中写入.xxx再写命令
    }
    #xxxx{
    为id选择器,配合id="xxxx"使用,只可以使用一次,后期配合js使
    }

    /* 文字设置 */
    color 文字颜色
    font-family:"微软雅黑" 是设置字体
    font-size:16px 设置字体大小,一般为12 15 16 20
    font-weight: 设置字体粗细,400为正常,700为粗
    font-style:normel 可以将倾斜的字体回正,变为正的字体(图案)
    font-style:italic 设置字体或图为倾斜
    font: "是否斜体" '是否加粗' "字体高度/上下间距" "字体设置"
    text-align: center;居中操作,只限于行级标签,选中父元素,操作子元素

    /* 下划线 */
    text-decoration: none; none 取消下划线,适用于a链接
    text-decoration: underline; 增加下划线

    /* 缩进 */
    text-indent:2em 自动缩进, em是一个字的宽度,2em就是自动缩进2个字宽
    line-height:36px 行间距,字体+上下间距的像素距离

    /* 外部样式表 重点!!!! */
    <link rel="stylesheet" href="xxxxx.css">外部样式表调用,将使用的css文件位置写入 href,即可引入本网页,之后在要使用的标签里写上class="xxxxx"
</body>

</html>